
<!doctype html>
<html lang="en">

<head>
    <title>阿尔法RPG - Alpha RPG</title>
    <meta charset="UTF-8" name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="DATA/checkbox.min.css" />
    <link rel="stylesheet" type="text/css" href="DATA/accordion.min.css" />
    <link rel="stylesheet" type="text/css" href="DATA/sidebar.min.css" />
    <link rel="shortcut icon" type="image/x-icon" href="DATA/favicon.ico" />
    <link rel="icon" href="DATA/favicon.ico" type="image/x-icon" />
<!--
    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+HK&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Electrolize&display=swap" rel="stylesheet">
-->
    <link rel="stylesheet" type="text/css" href="vars.css?v=2.0" />
    <link rel="stylesheet" type="text/css" href="style.css?v=2.0" />
    <link rel="stylesheet" type="text/css" href="loading.css?v=2.0" />
    <link rel="stylesheet" type="text/css" href="DATA/progress.min.css" />
    <link rel="stylesheet" type="text/css" href="https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css" />
    <style>
        #rewards-title {
            position: inherit !important;
        }

        #btn-CRW {
            position: relative !important;
            left: 0% !important;
        }

        .ui.comments .comment .destroy {
            width: inherit !important;
            float: inherit !important;
            margin: 0% 0 0;
        }

        .ui.comments .comment .GS {
            position: inherit !important;
            float: inherit !important;
        }

        .customB {
            width: 100%;
            left: 0%;
        }

        .title {
            font-size: 1.25rem !important;
        }

        .ui.label>.icon {
            margin: 0 0 0 0;
        }

        .customcard {
            width: 45% !important;
        }

        .alphadivider {
            margin: 1.5rem;
            border-bottom: none !important;
        }

        .rainbow7:hover {
            background: var(--darkgrey5) !important;
            color: var(--white) !important;
            border-bottom: 1px solid var(--darkgrey) !important;
        }

        .rainbow7.active:hover {
            background: var(--darkgrey5) !important;
            color: var(--green) !important;
            border-bottom: 1px solid var(--green) !important;
        }

        #loading {
            position: initial !important;
        }

        #EnnemySprite {
            margin-left: 0rem;
        }

        .leftbar {
            position: fixed !important;
            left: 25% !important;
            top: 22% !important;
            right: 10% !important;
        }

        .rightbar {
            position: absolute !important;
            right: -5.25% !important;
            top: 2.25em !important;
            left: 15% !important;
        }

        .invL {
            position: initial;
            float: initial;
        }
    </style>
</head>

<body id="body" class="noselect">
   <script src="chs.js"></script>
<script src="//likexia.gitee.io/game/zh/core.js"></script>
    <div class="bgmask"></div>
    <div id="loading">
        <div class="ui equal width center aligned padded grid">
            <div class="row">
                <p class="loading-text"></p>
                <div class="lds-dual-ring"></div>
            </div>
        </div>
    </div>
    <div id="main" style="overflow: hidden; display: none;">
        <div id="begin" class="ui trs message">
            <div class="titlecontainer">
                <div class="glitch" data-text="AlphaRPG">AlphaRPG</div>
            </div>
            <br>
            <span id="namehelp"></span><br>
            <div id="tutorial-1">
                <p class="title glow">Introduction</p>
                <p>
                    Welcome to AlphaRPG, a game made by Purple Wizard.<br>
                    The main goal of this game is to fight enemies and progress through the story to gain <span
                        class="glow">EQUIPMENTS</span> and <span class="glow">EXPERIENCE</span>.<br>
                    You will discover a new world named Alpha with various kingdoms & monsters.<br>
                    But be careful there are also powerful monsters named <span class=" ui Ennemy6 basic label"><span
                            class="Ennemy6">BOSS</span></span> so you need to fight wisely to deal with them.<br>
                    Also, if you have any question, don't hesitate to join our <a class="discordlabel"
                        id="discord-btn2">discord server</a>.
                    <br>
                    Okay, now we need to know who your character is..
                </p>
            </div>
            <div id="tutorial-2" style="display: none;">
                <p class="title glow">Name Selection</p>
                <p>
                    Before entering to the world of AlphaRPG, We need to know your name (3-16 characters with only
                    numbers and letters).
                    <br>Type "Neo" to generate a random name.
                </p>
                <form class="ui form fluid segment">
                    <div class="ui labeled input">
                        <div class="ui label customborder">
                            Username
                        </div>
                        <input id="PlayerName" placeholder="Neo" type="text" maxlength="16" style="width: auto;">
                    </div>
                </form>
            </div>
            <div id="tutorial-3" style="display: none;">
                <p class="title glow">Avatar Selection</p>
                <div class="ui centered card">
                    <div id="avatar3" class="ui centered image">
                    </div>
                    <div id="ChangeAvatarBegin" class="ui rainbow button">Change avatar
                    </div>
                </div>
            </div>
            <div id="tutorial-4" style="display: none;">
                <p class="title glow">Class Selection</p>
                <div class="ui three column grid">
                    <div class="column">
                        <div id="warrior" class="ui fluid card">
                            <div class="content">
                                <div class="header">Warrior</div>
                                <div class="description">
                                    Warriors are the frontlines in a fight, they deal the most damages<br>
                                    (+5% Damages)
                                </div>
                            </div>
                            <div id="ChooseWarrior" class="ui bottom attached rainbow7 button">
                                <i class="add icon"></i>
                                Choose this class
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div id="paladin" class="ui fluid card">
                            <div class="content">
                                <div class="header">Paladin</div>
                                <div class="description">
                                    Paladins are fighting for justice, they protect the weaks with their shield.<br>
                                    (+5% Armor)
                                </div>
                            </div>
                            <div id="ChoosePaladin" class="ui bottom attached rainbow7 button">
                                <i class="add icon"></i>
                                Choose this class
                            </div>
                        </div>
                    </div>
                    <div class="column">
                        <div id="ninja" class="ui fluid card">
                            <div class="content">
                                <div class="header">Ninja</div>
                                <div class="description">
                                    Ninjas are the elite fighters in terms of skills, they learn & act fast<br>(+5%
                                    Experience)
                                </div>
                            </div>
                            <div id="ChooseNinja" class="ui bottom attached rainbow7 button">
                                <i class="add icon"></i>
                                Choose this class
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="tutorial-5" style="display: none;">
                <p class="title glow">Confirmation</p>
                <div id="WelcomeName"></div>
                <p id="WelcomeClass"></p>
            </div>
            <br>
            <div class="ui divider"></div><br>
            <button id="WelcomePrevious" class="big ui rainbow left labeled icon button" style="display: none;">Previous
                <i class='left arrow icon'></i></button>
            <button id="WelcomeNext" class="big ui rainbow right labeled icon button">Next <i
                    class='right arrow icon'></i></button>
            <br><br>
            <div class="ui fluid steps">
                <div id="step1" class="active step">
                    <i class="help icon"></i>
                    <div class="content">
                        <div class="title">Welcome</div>
                        <div class="description">Welcome to AlphaRPG</div>
                    </div>
                </div>
                <div id="step2" class="step">
                    <i class="pencil alternate icon"></i>
                    <div class="content">
                        <div class="title">Username</div>
                        <div class="description">Choosing a username</div>
                    </div>
                </div>
                <div id="step3" class="step">
                    <i class="image icon"></i>
                    <div class="content">
                        <div class="title">Avatar</div>
                        <div class="description">Choosing an avatar</div>
                    </div>
                </div>
                <div id="step4" class="step">
                    <i class="bolt icon"></i>
                    <div class="content">
                        <div class="title">Class</div>
                        <div class="description">Choosing a class</div>
                    </div>
                </div>
                <div id="step5" class="step">
                    <i class="address card icon"></i>
                    <div class="content">
                        <div class="title">Confirmation</div>
                        <div class="description">Confirm your choice</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="CATEGORIE-1" style="display: none;">
            <div class="ui message customA">
                <div id="gamediv1">
                    <div class="big ui top attached buttons">
                        <div id="missions-btn" class="ui rainbow7 button"><i class="fas fa-map-marker-alt nomargin"></i>
                        </div>
                        <div id="exploration-btn" class="ui rainbow7 button"><i
                                class="fas fa-map-marked-alt nomargin"></i></div>
                        <div id="inventory-btn" class="ui rainbow7 button"><i class="fas fa-sack nomargin"></i></div>
                        <div id="miscs-btn" class="ui rainbow7 button"><i class="fal fa-align-justify nomargin"></i>
                        </div>
                    </div>
                    <div class="ui inverted divider"></div>
                </div>

                <div id="gamediv2">
                    <div id="miscs" style="display: none;">
                        <br>
                        <div class="fluid ui big vertical rainbow labeled icon buttons">
                            <div id="prestige-btn" class="ui rainbow7 button"><i class="globe icon"></i>Dimension</div>
                            <div id="stats-btn" class="ui rainbow7 button"><i class="clipboard list icon"></i>Statistics
                            </div>
                            <div id="leaderboard-btn" class="ui rainbow7 button"><i class="trophy icon"></i>Leaderboard
                            </div>
                            <div id="settings-btn" class="ui rainbow7 button"><i class="cogs icon"></i>Settings</div>
                        </div>
                        <div class="fluid ui trs message">
                            <div class="content">
                                <p>
                                    <span class="vert"><span id="vloader"></span> by Purple Wizard</span><br>
                                    <i class="large discord icon"></i>𝓟𝓾𝓻𝓹𝓵𝓮 𝓦𝓲𝔃𝓪𝓻𝓭#3154
                                    <i class="large red reddit icon"></i>u/Aizen45
                                    <i class="large blue steam icon"></i>LYSEN-FR
                                    <span class="desc"><br>Huge thanks to <span class="vert">Tiwaz</span> and <span
                                            class="vert">Pedter</span>
                                        for their help.</span>
                                </p>
                                <div class="fluid ui labeled icon discord button alphaSDW" id="discord-btn"><i
                                        class="discord icon blanc"></i>AlphaRPG
                                    Discord</div>
                            </div>
                        </div>
                    </div>
                    <div id="exploration" style="display: none;"></div>
                    <div id="inventory" style="display: none;">
                        <div class="ui form">
                            <div class="inline fields ui center aligned padded grid">
                                <label>Auto remove :</label>
                                <div class="field">
                                    <div class="ui checkbox" id="RM1">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Normal">Normal</label></div>
                                </div>
                                <div class="field">
                                    <div class="ui checkbox" id="RM2">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Common">Common</label></div>
                                </div>
                                <div class="field">
                                    <div class="ui checkbox" id="RM3">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Uncommon">Uncommon</label></div>
                                </div>
                                <div class="field">
                                    <div class="ui checkbox" id="RM4">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Rare">Rare</label></div>
                                </div>
                                <div class="field">
                                    <div class="ui checkbox" id="RM5">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Epic">Epic</label></div>
                                </div>
                                <div class="field">
                                    <div class="ui checkbox" id="RM6">
                                        <input type="checkbox" tabindex="0" class="hidden">
                                        <label class="Exotic">Exotic</label></div>
                                </div>
                            </div>
                        </div><br>
                        <div id="Equipment-Title" class="title"></div>
                        <div class="ui segments">
                            <div class="ui segment">
                                <div class="ui card custom" id="MainWeapon">
                                    <div class="content">
                                        <div class="ui top right attached label" id="MainWeaponLevel"></div>
                                        <div id="MainWeaponTitle"></div>
                                        <span class="vert text3">Main Weapon</span>
                                    </div>
                                    <div class="image" id="MainWeaponSprite"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="bleu fas fa-sword"></i>
                                                <span id="MainWeaponText" class="text"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="extra content">
                                        <div id="DWeapon1" class="fluid ui icon rainbow button"><i
                                                class="red trash icon"></i>Throw</div>
                                        <br>
                                    </div>
                                </div>
                                <div class="ui card custom" id="SpecialWeapon">
                                    <div class="content">
                                        <div class="ui top right attached label" id="SpecialWeaponLevel"></div>
                                        <div id="SpecialWeaponTitle"></div>
                                        <span class="vert text3">Special Weapon</span>
                                    </div>
                                    <div class="image" id="SpecialWeaponSprite"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="bleu fas fa-sword"></i>
                                                <span id="SpecialWeaponText" class="text"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="extra content">
                                        <div id="DWeapon2" class="fluid ui icon rainbow button"><i
                                                class="red trash icon"></i>Throw</div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <div class="ui segment">
                                <div class="ui card custom" id="core1">
                                    <div class="content">
                                        <div class="ui top right attached label" id="core1-level"></div>
                                        <div id="core1-title"></div>
                                        <span class="vert text3">Helmet</span>
                                    </div>
                                    <div class="image" id="core1-image"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="rouge fas fa-heart"></i>
                                                <span id="core1-life" class="text"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="extra content">
                                        <a class="fluid ui basic label" id="core1-keys"></a>
                                        <a class="fluid ui basic label" id="core1-rarity"></a>
                                        <div id="Dcore1" class="fluid ui icon rainbow button">Throw <i
                                                class="red trash icon"></i></div>
                                        <br>
                                    </div>
                                </div>

                                <div class="ui card custom" id="core2">
                                    <div class="content">
                                        <div class="ui top right attached label" id="core2-level"></div>
                                        <div id="core2-title"></div>
                                        <span class="vert text3">Armor</span>
                                    </div>
                                    <div class="image" id="core2-image"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="rouge fas fa-heart"></i>
                                                <span id="core2-life" class="text"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="extra content">
                                        <a class="fluid ui basic label" id="core2-keys"></a>
                                        <a class="fluid ui basic label" id="core2-rarity"></a>
                                        <div id="Dcore2" class="fluid ui icon rainbow button">Throw <i
                                                class="red trash icon"></i></div>
                                        <br>
                                    </div>
                                </div>

                                <div class="ui card custom" id="core3">
                                    <div class="content">
                                        <div class="ui top right attached label" id="core3-level"></div>
                                        <div id="core3-title"></div>
                                        <span class="vert text3">Shield</span>
                                    </div>
                                    <div class="image" id="core3-image"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="rouge fas fa-heart"></i>
                                                <span id="core3-life" class="text"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="extra content">
                                        <a class="fluid ui basic label" id="core3-keys"></a>
                                        <a class="fluid ui basic label" id="core3-rarity"></a>
                                        <div id="Dcore3" class="fluid ui icon rainbow button">Throw <i
                                                class="red trash icon"></i></div>
                                        <br>
                                    </div>
                                </div>


                                <div class="ui card custom" id="core4">
                                    <div class="content">
                                        <div class="ui top right attached label" id="core4-level"></div>
                                        <div id="core4-title"></div>
                                        <span class="vert text3">Boots</span>
                                    </div>
                                    <div class="image" id="core4-image"></div>
                                    <div class="content">
                                        <div class="ui horizontal segments">
                                            <div class="ui segment">
                                                <i class="rouge fas fa-heart"></i>
                                                <span id="core4-life" class="text"></span>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="extra content">
                                        <a class="fluid ui basic label" id="core4-keys"></a>
                                        <a class="fluid ui basic label" id="core4-rarity"></a>
                                        <div id="Dcore4" class="fluid ui icon rainbow button">Throw <i
                                                class="red trash icon"></i></div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <div class="ui segment">
                                <div id="core5" class="author desc"></div>

                                <div class="ui accordion">
                                    <div class="active title">
                                        <i class="dropdown icon"></i>
                                        Armors
                                    </div>
                                    <div id="inv1" class="active content">
                                    </div>
                                </div>

                                <div class="ui accordion">
                                    <div class="active title">
                                        <i class="dropdown icon"></i>
                                        Weapons
                                    </div>
                                    <div id="inv4" class="active content">
                                    </div>
                                </div>

                                <div class="ui accordion">
                                    <div class="active title">
                                        <i class="dropdown icon"></i>
                                        Gems
                                    </div>
                                    <div id="inv2" class="active content">
                                    </div>
                                </div>

                                <div class="ui accordion">
                                    <div class="active title">
                                        <i class="dropdown icon"></i>
                                        Relics
                                    </div>
                                    <div id="inv3" class="active content">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="missions" style="display: none;">
                        <div class="ui accordion black">
                            <div class="title active"><i class="dropdown icon"></i>Missions</div>
                            <div class="content active">
                                <div id="MissionsList"></div>
                            </div>
                        </div>
                        <div class="ui accordion black">
                            <div class="title"><i class="dropdown icon"></i>Fortresses</div>
                            <div class="content">
                                <div id="MissionsList2"></div>
                            </div>
                        </div>

                        <div class="ui accordion black">
                            <div id="mcount" class="title"></div>
                            <div class="content">
                                <div id="MissionsCPL"></div>
                            </div>
                        </div>
                    </div>
                    <div id="prestige" style="display: none;">
                        <div class="ui segments">
                            <div class="ui segment">
                                <p>
                                    <div id="CurrWT"></div>
                                    <div id="WTShards"></div><br>
                                </p>
                            </div>
                            <div class="ui segment">
                                <div class="ui black message">
                                    <h3 class="rouge"><i class="exclamation circle icon"></i>Informations</h3>
                                    <div class="desc">By passing through the dimensional rift you will lose your
                                        current
                                        equipment.<br>The story
                                        will be
                                        reset and the difficulty will raise by 5%.<br>
                                        <br>For each dimension: +50 max tier score, 3% more EXP, +2 inventory
                                        slots
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div id="WTBTN" class="fluid ui rainbow3 button">Dimensional Rift</div>
                        <br>
                        <span class="text" id="ShardsNumber"></span>
                        <table id="Upgrades" class="ui very compact inverted Upgrades table">
                            <thead>
                                <tr id="MSDiv1" class="shadow">
                                    <th class="ui right aligned">Name</th>
                                    <th class="ui center aligned">Current value</th>
                                    <th class="ui center aligned">Price</th>
                                    <th class="ui center aligned">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="right aligned desc">EXP Multiplier</td>
                                    <td id="XPMULTVAL" class="center aligned desc">0</td>
                                    <td id="XPMULTPRICE" class="center aligned">3<i class="bleu dna icon"></i>
                                    </td>
                                    <td class="right aligned">
                                        <div id="xpm-btn" class="fluid ui rainbow button">
                                            Upgrade
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="right aligned desc">Damage Multiplier</td>
                                    <td id="POWERMULTVAL" class="center aligned desc">0</td>
                                    <td id="POWERMULTPRICE" class="center aligned">3<i class="bleu dna icon"></i>
                                    </td>
                                    <td class="right aligned">
                                        <div id="pm-btn" class="fluid ui rainbow button">
                                            Upgrade
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="right aligned desc">Armor Multiplier</td>
                                    <td id="LIFEMULTVAL" class="center aligned desc">0</td>
                                    <td id="LIFEMULTPRICE" class="center aligned">3<i class="bleu dna icon"></i>
                                    </td>
                                    <td class="right aligned">
                                        <div id="lpm-btn" class="fluid ui rainbow button">
                                            Upgrade
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="right aligned desc">Inventory slots</td>
                                    <td id="INVUPGVAL" class="center aligned desc">0</td>
                                    <td id="INVUPGPRICE" class="center aligned">3<i class="bleu dna icon"></i>
                                    </td>
                                    <td class="right aligned">
                                        <div id="invu-btn" class="fluid ui rainbow button">
                                            Upgrade
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="statistics" style="display: none;">
                        <div class="ui accordion black">
                            <div class="title active"><i class="dropdown icon"></i>General</div>
                            <div class="content active">
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned"> Identification</div>
                                    <div class="ui segment right aligned" id="namestat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Ranking</div>
                                    <div class="ui segment right aligned" id="Rankstat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Time Played</div>
                                    <div class="ui segment right aligned" id="playtimestat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Current Level</div>
                                    <div class="ui segment right aligned" id="Levelstat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Class</div>
                                    <div class="ui segment right aligned" id="Classstat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Current Damages</div>
                                    <div class="ui segment right aligned" id="powerstat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Current Base Armor</div>
                                    <div class="ui segment right aligned" id="lifestat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Ratio (K/D)</div>
                                    <div class="ui segment right aligned" id="Ratiostat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned"><a onclick=" helpScore()">Current
                                            Score</a>
                                    </div>
                                    <div class="ui segment right aligned" id="Scorestat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Difficulty</div>
                                    <div class="ui segment right aligned" id="Difficultystat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Fortresses defeated</div>
                                    <div class="ui segment right aligned" id="fortressstat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Armor 1 stats</div>
                                    <div class="ui segment right aligned" id="core1stat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Armor 2 stats</div>
                                    <div class="ui segment right aligned" id="core2stat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Armor 3 stats</div>
                                    <div class="ui segment right aligned" id="core3stat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Armor 4 stats</div>
                                    <div class="ui segment right aligned" id="core4stat"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Game Version</div>
                                    <div class="ui segment right aligned" id="Versionstat"></div>
                                </div>
                            </div>
                        </div>

                        <div class="ui accordion black">
                            <div class="title"><i class="dropdown icon"></i>Locations</div>
                            <div class="content">
                                <div id="defeatloc0"></div>
                                <div id="defeatloc1"></div>
                                <div id="defeatloc2"></div>
                                <div id="defeatloc3"></div>
                                <div id="defeatloc4"></div>
                                <div id="defeatloc5"></div>
                                <div id="defeatloc6"></div>
                                <div id="defeatloc7"></div>
                                <div id="defeatloc8"></div>
                                <div id="defeatloc9"></div>
                                <div id="defeatloc10"></div>
                                <div id="defeatloc11"></div>
                                <div id="defeatloc12"></div>
                                <div id="defeatloc13"></div>
                                <div id="defeatloc14"></div>
                                <div id="defeatloc15"></div>
                                <div id="defeatloc16"></div>
                                <div id="defeatloc17"></div>
                            </div>
                        </div>

                        <div class="ui accordion black">
                            <div class="title"><i class="dropdown icon"></i>Kills</div>
                            <div class="content">
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class=" ui Ennemy1 basic label"><span class="Ennemy1">NORMAL</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat1"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class=" ui Ennemy2 basic label"><span class="Ennemy2">ADVANCED</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat2"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class=" ui Ennemy3 basic label"><span class="Ennemy3">SUPERIOR</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat3"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class=" ui Ennemy4 basic label"><span class="Ennemy4">VETERAN</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat4"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class=" ui Ennemy5 basic label"><span class="Ennemy5">ELITE</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat5"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class="ui Ennemy6 basic label"><span class="Ennemy6">BOSS</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat6"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">
                                        <div class="ui Ennemy7 basic label"><span class="Ennemy7">GOD</span>
                                        </div>
                                        Killed
                                    </div>
                                    <div class="ui segment right aligned" id="Defeat7"></div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Total Kills</div>
                                    <div class="ui segment right aligned" id="Killstat">0</div>
                                </div>
                                <div class="ui fitted inverted divider"></div>
                                <div class="fluid ui horizontal segments">
                                    <div class="ui segment left aligned">Total Deaths</div>
                                    <div class="ui segment right aligned" id="Deathstat">0</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="leaderboard1" style="display: none;">
                        <span class="desc" id="CloudTimer"></span><br>
                        <div class="ui toggle checkbox" id="OnlyMyVersion">
                            <input type="checkbox" tabindex="0" class="hidden">
                            <label class="desc">Hide older versions players</label>
                        </div>
                        <div class="border-wrap">
                            <div id="Reload" class="fluid ui rainbow5 button">Refresh</div>
                            <table id="LEADERBOARD" class="ui very compact striped inverted table"></table>
                            <div class="fluid ui buttons" style="margin: 1px 0px 0px 0px;">
                                <div id="TOPPREVIOUS" class="ui rainbow5 button"></div>
                                <div id="TOPNEXT" class="ui rainbow5 button"></div>
                            </div>
                            <div id="TOP10" class="fluid ui rainbow5 button">Top 10 </div>
                        </div>
                        <p>
                            <div class="ui Common basic label"><span class="green"><i class="info icon"></i>
                                    INFO
                                </span></div>
                            You
                            can choose a custom color for your name,
                            just change the <span class="vert">theme color</span> in the settings.
                        </p>
                    </div>
                    <div id="settings" class="ui segments" style="display: none;">
                        <div class="ui segments">
                            <div class="ui segment">
                                <h1 class="title"><i class="cogs icon"></i> Settings</h1>
                                <div class="ui segment">
                                    <div class="ui segments">
                                        <div class="ui segment">
                                            <div class="ui centered card">
                                                <div id="avatar2" class="ui centered image">
                                                </div>
                                                <div id="ChangeAvatar" class="ui bottom attached rainbow button">
                                                    Change
                                                    avatar
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ui center aligned segment">
                                            <div class="ui toggle checkbox" id="AlertToggle">
                                                <input type="checkbox" tabindex="0" class="hidden">
                                                <label class="text">Confirm change Armor/Weapon</label>
                                            </div><br><br>
                                            <div class="ui toggle checkbox" id="AlertToggle2">
                                                <input type="checkbox" tabindex="0" class="hidden">
                                                <label class="text">Confirm change Relic</label>
                                            </div><br><br>
                                            <div class="ui toggle checkbox" id="SkipRewards">
                                                <input type="checkbox" tabindex="0" class="hidden">
                                                <label class="text">Skip Rewards</label>
                                            </div><br><br>
                                            <div class="ui toggle checkbox" id="AutoMissions">
                                                <input type="checkbox" tabindex="0" class="hidden">
                                                <label class="text">Auto-Start Missions</label>
                                            </div><br><br>
                                            <div class="fluid ui vertical rainbow buttons">
                                                <div id="reset-btn" class="ui rainbow button">Delete the save
                                                </div>
                                                <div id="export-btn" class="ui rainbow button">Export save</div>
                                                <div id="import-btn" class="ui rainbow button">Import save</div>
                                            </div>
                                            <div class="fluid ui rainbow buttons">
                                                <div id="exportt-btn" class="ui rainbow button">Export theme
                                                </div>
                                                <div id="importt-btn" class="ui rainbow button">Import theme
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="ui  segments">
                                    <div class="ui segment">
                                        <h1 class="title"><i class="magic icon"></i> Promotional Codes</h1>
                                        <p>If you have a promotional code, write it here.</p>
                                        <form class="ui form attached fluid">
                                            <div class="field">
                                                <label>Code</label>
                                                <input id="promocode" placeholder="Abc123" type="text" maxlength="6">
                                            </div>
                                        </form>
                                        <div class="fluid ui buttons">
                                            <button id="CheckCode" class="ui rainbow button">Check code</button>
                                        </div><br><br>
                                        <span id="codereturn"></span>
                                    </div>
                                    <div class="ui segment">
                                        <div class="ui center aligned segment">
                                            <h1 class="title"><i class="paint brush icon"></i> Theme</h1>
                                            <div class="ui segments">
                                                <div class="ui segment">
                                                    <div class="ui form">
                                                        <div class="fluid ui labeled input">
                                                            <div class="ui label">Red</div>
                                                            <input type="number" id="redNum">
                                                        </div>
                                                        <input class="inputR" value="0" type="range" min="0" max="255"
                                                            id="red"><br><br>
                                                        <div class="fluid ui labeled input">
                                                            <div class="ui label">Green</div>
                                                            <input type="number" id="greenNum">
                                                        </div>
                                                        <input class="inputR" value="0" type="range" min="0" max="255"
                                                            id="green"><br><br>
                                                        <div class="fluid ui labeled input">
                                                            <div class="ui label">Blue</div>
                                                            <input type="number" id="blueNum">
                                                        </div>
                                                        <input class="inputR" value="0" type="range" min="0" max="255"
                                                            id="blue"><br><br>
                                                        <div class="color-slider-wrap">
                                                            <div class="color-wrap">
                                                                <div id="color-display"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ui segment">
                                                    <div class="fluid ui labeled icon vertical rainbow buttons">
                                                        <div id="themeBTN1" onclick="ThemeDefine(1);"
                                                            class="ui rainbow button">
                                                            <i class="large vert square icon WS"></i>Set theme
                                                        </div>
                                                        <div id="themeBTN2" onclick="ThemeDefine(2);"
                                                            class="ui rainbow button">
                                                            <i class="large bgcolor2 square icon WS"></i>Set 2nd
                                                            layer
                                                            background
                                                        </div>
                                                        <div id="themeBTN3" onclick="ThemeDefine(3);"
                                                            class="ui rainbow button">
                                                            <i class="large bgcolor3 square icon WS"></i>Set 3rd
                                                            layer
                                                            background</div>
                                                        <div id="themeBTN4" onclick="ThemeDefine(4);"
                                                            class="ui rainbow button">
                                                            <i class="large Normal square icon WS"></i>Set text
                                                        </div>
                                                        <div id="themeBTN5" onclick="ThemeDefine(5);"
                                                            class="ui rainbow button">
                                                            <i class="large menucolor square icon WS"></i>Set
                                                            menus
                                                        </div>
                                                        <div id="themeBTNR" class="ui rainbow button"><i
                                                                class="large red times icon"></i>Reset
                                                            Theme
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="combat">
                        <div id="MDTL" style="margin:0;" class="fluid ui image label"></div>
                        <div class="ui horizontal segments">
                            <div class="ui segment"
                                style="max-width: 15%;padding: 1em 0em!important;min-width: fit-content;">
                                <div id="DimensionID"></div>
                                <div id="PlayerID"></div>
                                <div id="PlayerLife"></div>
                                <div id="PlayerPower"></div>
                                <div class="leftbar">
                                    <div id="PlayerHP" class="ui big inverted indicating progress"
                                        style="margin: 0 0 0 0;">
                                        <div class="bar">
                                            <div id="PlayerDamage" class="bartext"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ui horizontal segments">
                            <div class="ui segment" style="max-width: 85%;padding: 1em 0em!important;">
                                <div class="rightbar">
                                    <div id="EnnemyHP" class="ui big inverted indicating progress"
                                        style="margin: 0 0 0 0;">
                                        <div class="bar">
                                            <div id="EnnemyDamage" class="bartext"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ui segment"
                                style="max-width: 15%;padding: 1em 0em!important;min-width: fit-content;">
                                <div id="EnnemyTitle" class="text"
                                    style="margin-top: -5em;line-height: 1em;max-height: 4em;"></div>
                                <div id="EnnemySprite"></div>
                                <div id="EnnemyLife"></div>
                                <div id="EnnemyPower"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="rewards" style="display: none;">
                    <p id="rewards-title" class="title"></p>
                    <span id="rewards-desc"></span>
                    <p id="rewards-text"></p>
                    <div id="rewards-loot" class="ui segment"></div>

                </div>
            </div>
        </div>
        <div class="customB">
            <div id="btn-CRW"></div>
            <div id="btn-ACT" class="ui horizontal segments">
                <div class="ui segment" style="padding: 1em 0em;">
                    <div class="fluid ui buttons">
                        <div id="attack-btn" class="ui huge blue button alphaSDW"></div>
                        <div id="emp-btn" class="ui huge rainbow button alphaSDW" style="max-width: 50%;">
                        </div>
                    </div>
                    <div class="alphadivider"></div>
                    <div id="cover-btn" class="fluid ui huge button"></div>
                    <div class="alphadivider"></div>
                    <div id="run-btn" class="fluid ui huge grey button alphaSDW"></div>
                </div>
            </div>
            <div class="vert" id="WTUNLOCK"></div>
            <div class="rouge" id="LowScore"></div>
            <div class="rouge" id="MaxPOSLVL"></div>
            <div class="jaune" id="NextRetreat"></div>
        </div>
        <div class="footer">
            <div class="ui horizontal segments">
                <div class="ui segment ">
                    <div class="ui label" id="capacity"></div>
                </div>
                <div class="ui segment">
                    <div class="ui label tooltip"><i class="green dollar icon"></i><span id="cash"></span><span
                            class="tooltiptext">Money</span></div>

                </div>
                <div class="ui segment">
                    <div class="ui label tooltip"><i class="bleu dna icon"></i><span id="SHARDSRW"></span><span
                            class="tooltiptext">Dimensional Fragments</span>
                    </div>
                </div>
                <div class="ui segment">
                    <div class="ui label tooltip"><span id="islots"></span><span class="tooltiptext">Inventory
                            slots</span></div>
                </div>
            </div>
            <div id="PlayerXP" class="ui tiny purple inverted progress" style="margin: 0 0 0 0;">
                <div class="bar"></div>
            </div>
        </div>
        <span id="exportBody"></span>
        <!--GAME MESSAGE-->
        <div class="ui basic modal" id="modal-1">
            <div class="ui icon header">
                <i class="info circle icon"></i>
                <font id="message-title" class="title">Message</font>
            </div>
            <div class="centrer content">
                <div class="ui trs message">
                    <div class="content">
                        <p id="message-text">
                        </p>
                    </div>
                </div>
                <div class="actions">
                    <div id="closeMSG" class="ui cu button">
                        <i class="remove icon"></i>Close </div>
                </div>
            </div>
        </div>
        <!--DESTROYCORE-->
        <div class="ui basic modal" id="modal-2">
            <div class="ui icon header">
                <font id="confirm-title" class="title">Destroy armor confirmation</font>
            </div>
            <div class="centrer content">
                <div class="ui icon trs message">
                    <div class="content">
                        <h3 class="title">You will lose this item.</h3>
                        <p id="Destroy-text"></p>

                        <div id="DBTN" class="fluid ui rainbow buttons"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--Welcome Back-->
        <div class="ui basic modal" id="modal-5">
            <h2 class="ui center aligned header">
                <img class="ui circular image" src="DATA/avatars/avatar34.jpg">
                <font id="wb-title" class="title"></font>
            </h2>
            <div class="centrer content">
                <div class="ui icon trs message">
                    <div class="content">
                        <h3 id="wb-texttitle" class="title"></h3>
                        <p id="wb-text"></p>
                        <div id="LOGIN-BTN" class="ui cu button">
                            <span class="blanc"><i class="check icon"></i> Yes </span></div>
                        <div id="WB-BTN" class="ui cu2 button">
                            <span class="blanc"><i class="remove icon"></i> No </span></div>
                    </div>
                </div>
            </div>
        </div>
        <!--NEWCORE-->
        <div class="ui basic modal" id="modal-4">
            <div class="ui icon header">
                <font id="confirm3-title" class="title">New armor confirmation</font>
            </div>
            <div class="centrer content">
                <div class="ui icon trs message">
                    <div class="content">
                        <div class="ui equal width centered grid">
                            <div class="equal width row">
                                <div class="column">
                                    <p id="OldCore-text" style="text-align: right;"></p>
                                </div>
                                <div class="centered column">
                                    <center><br><br>Old <i class="arrow right icon"></i> New</center>
                                </div>
                                <div class="column">
                                    <p id="NewCore-text" style="text-align: left;"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="actions">
                    <div id="confirm-btn" class="fluid ui rainbow buttons">
                    </div>
                </div>
            </div>
        </div>

        <!--NEW Relic-->
        <div class="ui basic modal" id="modal-3">
            <div class="ui icon header">
                <font id="confirm4-title" class="title">New Relic confirmation</font>
            </div>
            <div class="centrer content">
                <div class="ui icon message">
                    <div class="content">
                        <div class="ui equal width centered grid">
                            <div class="equal width row">
                                <div class="column">
                                    <p id="OldRelic-text" style="text-align: right;"></p>
                                </div>
                                <div class="centered column">
                                    <center><br><br>Old <i class="arrow right icon"></i> New</center>
                                </div>
                                <div class="column">
                                    <p id="NewRelic-text" style="text-align: left;"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="actions">
                    <div id="confirm2-btn" class="fluid ui cu buttons">
                    </div>
                </div>
            </div>
        </div>

        <!--RESET-->
        <div class="ui basic modal" id="modal-6">
            <div class="ui icon header">
                <font id="confirm2-title" class="title">Confirm reset</font>
            </div>
            <div class="centrer content">
                <div class="ui icon message">
                    <div class="content">
                        <p id="resetconfirm-text">Do you really want to reset all your stats ?</p>
                    </div>
                </div>
                <div class="fluid ui buttons">
                    <div id="confirmsell-btn" onclick="confirmReset();" class="ui cu button">
                        <span class="blanc"><i class="check icon"></i> Yes </span></div>
                    <div onclick="hideModals();" class="ui cu2 button">
                        <span class="blanc"><i class="remove icon"></i> No </span></div>
                </div>
            </div>
        </div>

        <!--DIMENSIONAL RIFT CONFIRMATION-->
        <div class="ui basic modal" id="modal-7">
            <div class="ui icon header">
                <font id="confirm2-title" class="title">Do you really want to go inside the rift ?</font>
            </div>
            <div class="centrer content">
                <div class="ui icon message">
                    <div class="content">
                        <p id="resetconfirm-text">You will lose your current equipment.</p>
                    </div>
                </div>
                <div class="fluid ui buttons">
                    <div onclick="ConfirmWT();" class="ui cu button">
                        <span class="blanc"><i class="check icon"></i> Yes </span></div>
                    <div onclick="hideModals();" class="ui cu2 button">
                        <span class="blanc"><i class="remove icon"></i> No </span></div>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>
<script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-analytics.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-firestore.js"></script>
<!--客服 开始-->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="//likexia.gitee.io/game/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//likexia.gitee.io/game/js/kf.js"></script>
<!-- 客服 结束 -->
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
<script type="text/javascript" src="DATA/checkbox.min.js"></script>
<script type="text/javascript" src="DATA/accordion.min.js"></script>
<script type="text/javascript" src="DATA/numeral.min.js"></script>
<script type="text/javascript" src="DATA/progress.min.js"></script>
<script type="text/javascript" src="DATA/sidebar.min.js"></script>
<script type="text/javascript" src="utils.js?v=2.0"></script>
<script type="text/javascript" src="core.js?v=2.0"></script>

</html>